div label {     /* 指向表格 */
    border-collapse: collapse;   /* 修改表格邊框 */
    background-color: gold ! important; /* 修改背景顏色 */
    width: 100%;  /* 修改表格大小比例 */
    text-align: center;  /* 修改文字位置 */
}

table,p {     /* 指向表格 */
    border-collapse: collapse;   /* 修改表格邊框 */
    background-color: gold ! important; /* 修改背景顏色 */
    width: 100%;  /* 修改表格大小比例 */
    text-align: center;  /* 修改文字位置 */
}

.product_table {        /* 指向標籤 class */
    border-collapse: collapse;   /* 修改表格邊框 */
    background-color: #acdda0; /* 修改背景顏色 */
    width: 100%;  /* 修改表格大小比例 */
    text-align: center;  /* 修改文字位置 */
     
}

#caption{
    background-color: #a0a4dd;
}

/* li:hover{
    background-color: gold;
} */

li:not(:hover){
    background-color: gold;
}

input:focus{
    background-color: gold;
}


.required::before{
    content: "before_";
}

.required::after{
    content: "(必填)";
}

[green="true"]{
    background-color: green;
}

[green^="12"]{
    background-color: green;
}

.percent{

    background-color: #a0a4dd;
    width: 50%;

}

.pixel{

    background-color: hotpink;
    width: 200px;
   
}
.parent{
    font-size: 30px;
    margin-top: 20px;
    border: 5px solid black;
    width: 50%;
}

.view-width{
    background-color: aqua;
    width: 50vw;
}

.view-height{
    background-color: #acdda0;
    height: 50vh;
}

*{
	box-sizing: border-box;
	}

.one-em{
    font-size: 1em ;
}
.one-rem{
    font-size: 1rem ;
}
.two-em{
    font-size: 2em ;
}
.two-rem{
    font-size: 2rem ;
}

.one-hundred-percent{
    font-size: 100%;
}
.two-hundred-percent{
    font-size: 200%;
}